<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Friends.aspx.cs" Inherits="Friends" Title="Untitled Page" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<%@ Register Src="~/UserTileControl.ascx" TagPrefix="decavuc" TagName="UserTile" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeaderPlaceholder" Runat="Server">
    <style type="text/css">
        .AddFriendWin LABEL
        {
            margin-right:50px;
        }
        
        .AddFriendWin INPUT[type="text"]
        {
            margin-right:20px;
            width:200px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="PageBodyPlaceholder" Runat="Server">

<div style="float:right;">
    <a href="javascript:void(0)" runat="server" id="showFriendWindowLink" >Add Friend</a>
</div>
<h1 runat="server" id="mainHeader"></h1>
<div id="addFriendWindow" class="DropDownWindow AddFriendWin" runat="server">
    <div class="WinBody" runat="server" id="addFriendBody">
        <label for="<%= addFriendTextBox.ClientID %>">Add...</label>
        <asp:TextBox runat="server" ID="addFriendTextBox"/>
        <cc1:TextBoxWatermarkExtender runat="server" TargetControlID="addFriendTextBox" WatermarkCssClass="TextBoxWatermark" WatermarkText="Name" />
        <asp:Button runat="server" ID="addFriendButton" Text="Find" OnClick="AddFriendButton_Click" />
    </div>
</div>
<cc1:AnimationExtender ID="AnimationExtender1" runat="server" TargetControlID="showFriendWindowLink">
    <Animations>
        <OnClick>
            <Sequence AnimationTarget="addFriendWindow">
                <StyleAction Attribute="display" Value="none" AnimationTarget="showFriendWindowLink" />
                <StyleAction Attribute="display" Value="block" />
                <Resize Height="55px" Unit="px" Duration=".25" />
                <StyleAction Attribute="display" Value="block" AnimationTarget="addFriendBody" />
            </Sequence>
        </OnClick>
    </Animations>
</cc1:AnimationExtender>




<asp:Repeater runat="server" ID="friendList">
    <HeaderTemplate>
        <ul class="SearchResults">
    </HeaderTemplate>
    <ItemTemplate><li><decavuc:UserTile runat="server" User="<%# Container.DataItem %>" /></li></ItemTemplate>
    <FooterTemplate>
        </ul>
    </FooterTemplate>
</asp:Repeater>
<div id="noFriendsDiv" runat="server" class="StatusRibbon"></div>
</asp:Content>

